/*
Copyright 2011 SDNA! Inc. All rights reserved.
*/

/* hacks*/
.hack-guide {
  color: black;
  color: green\9; /* IE8 and older, but there’s more… */
  *color: blue; /* IE7 and older */
  _color: red; /* IE6 and older */
}

.hack-guide { color: black; }
.ie8 .hack-guide { color: green; } /* IE8 */
.ie7 .hack-guide { color: blue; } /* IE7 */
.ie6 .hack-guide { color: red; } /* IE6 and IE5 (but who cares, right?) */

/*img -ms-interpolation-mode*/
a img,img{-ms-interpolation-mode:bicubic;}
/* for webkit */
textarea { resize: none }
input[type=text]:focus,
input[type=password]:focus,
textarea:focus { outline: 0 }

/*clearfix*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { zoom: 1; }
.clear{clear:both;height:0px;line-height:0px;overflow:hidden;}

/* a */
a {color:#555;text-decoration:none;}
a:hover {color:#12C;text-decoration:underline;}

/* error */
textarea.error,
input.error {background-color:#f00!important;}
em.error {color:#f00!important;}

/*common*/
body {color:#555;text-align:center;font: 12px/1.5 arial,helvetica,clean,sans-serif;}
#doc {width:100%;min-width:1000px;margin:0 auto;text-align:left;background:url(/images/common/bg.png) repeat-y 0 0;}
.article,
.aside {zoom:1;}
/*grid 960/24=40*/
.grid-5-19 {}
.grid-5-19 .article {margin-left:174px; background:#f7f7f7;}
.grid-5-19 .article .innerbox {position:relative;width:960px;margin:-25px auto 0;}
.grid-5-19 .aside {position:absolute;left:0;top:88px;width:178px;}
.grid-5-19 .extra {display:none;}
/* header*/
#header {position:relative;height:88px;background:url(/images/common/bg_hd.png) repeat-x;}
#header .logo {position:absolute;left:0;top:0;width:177px;height:88px;background:url(/images/common/logo.png) no-repeat; }
#header .logo a {display:block;width:119px;height:63px;margin:0 0 0 26px;text-indent:-999em;}
#header .quirk-nav {position:absolute;right:10px;top:10px;}
#header .nav {background:#ddd;height:22px; line-height:22px;text-align:center;font-size:14px;}
#header .nav li {height:22px; border-right:1px #eee solid;display:inline-block;*display:inline;*zoom:1;padding:0 5px;}


/* content */

/*side-nav*/
.side-nav {height:194px;margin-bottom:34px;overflow:hidden;background:url(/images/common/bg_side_nav.png) no-repeat 0 0;}
.side-nav li {height:32px;width:166px;}
.side-nav li a {display:block;width:100%;height:32px;overflow:hidden;text-indent:-999em;}
.side-nav li.current {width:178px;height:33px;background:url(/images/common/bg_side_nav.png) no-repeat;}
.side-nav li#li01.current {background-position:0 -204px}
.side-nav li#li02.current {background-position:0 -236px}
.side-nav li#li03.current {background-position:0 -204px}
.side-nav li#li04.current {background-position:0 -204px}
.side-nav li#li05.current {background-position:0 -204px}
.side-nav li#li06.current {background-position:0 -204px}

.side-ext {margin:9px 0 0 38px;width:88px;background:url(/images/common/bg_side_ext.png) no-repeat;}
.side-ext li {height18px;margin-bottom:13px;padding-left:24px;}
.side-ext li a {display:block;height:18px;text-indent:-999em;}
.side-setting {width:168px;height:53px;padding:18px 0;background:url(/images/common/bg_side_set.png);}
.side-setting a {display:block;height:52px;text-indent:-999em;}

.side-help {margin:200px 26px 0 22px;}
.side-help h2 {font-weight:normal;}

/*table1*/
.table1 {table-layout:fixed;width:100%;}
.table1 th,
.table1 td {border:1px #ddd solid; padding:3px;}
.table1 th {font-weight:bold;background:#eee;}
.table1 .alt td {background:#eee;}

/*form*/
.form {margin:10px 0;padding:10px;border:1px #ddd solid;}
.form li {margin:0 0 5px 0;}
.form .k {display:inline-block;*display:inline;*zoom:1; width:6em;margin-right:1em;}
.form em {margin-left:1em;color:#999;}
/* footer */
#footer {padding:15px 10px 15px 10px;margin-left:174px; background:#f7f7f7;}
#footer .p1 {float:left;}
#footer .p2 {float:right;}